<div id="smiley-box">

                                    <strong>表情</strong><br>
                                        <a href="#" onclick="insert_text(':D', true); return false;"><img src="/images/smilies/icon_e_biggrin.gif" alt=":D" title="Very Happy" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':)', true); return false;"><img src="/images/smilies/icon_e_smile.gif" alt=":)" title="Smile" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(';)', true); return false;"><img src="/images/smilies/icon_e_wink.gif" alt=";)" title="Wink" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':(', true); return false;"><img src="/images/smilies/icon_e_sad.gif" alt=":(" title="Sad" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':o', true); return false;"><img src="/images/smilies/icon_e_surprised.gif" alt=":o" title="Surprised" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':shock:', true); return false;"><img src="/images/smilies/icon_eek.gif" alt=":shock:" title="Shocked" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':?', true); return false;"><img src="/images/smilies/icon_e_confused.gif" alt=":?" title="Confused" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text('8-)', true); return false;"><img src="/images/smilies/icon_cool.gif" alt="8-)" title="Cool" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':lol:', true); return false;"><img src="/images/smilies/icon_lol.gif" alt=":lol:" title="Laughing" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':x', true); return false;"><img src="/images/smilies/icon_mad.gif" alt=":x" title="Mad" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':P', true); return false;"><img src="/images/smilies/icon_razz.gif" alt=":P" title="Razz" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':oops:', true); return false;"><img src="/images/smilies/icon_redface.gif" alt=":oops:" title="Embarrassed" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':cry:', true); return false;"><img src="/images/smilies/icon_cry.gif" alt=":cry:" title="Crying or Very sad" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':evil:', true); return false;"><img src="/images/smilies/icon_evil.gif" alt=":evil:" title="Evil or Very Mad" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':twisted:', true); return false;"><img src="/images/smilies/icon_twisted.gif" alt=":twisted:" title="Twisted Evil" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':roll:', true); return false;"><img src="/images/smilies/icon_rolleyes.gif" alt=":roll:" title="Rolling Eyes" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':!:', true); return false;"><img src="/images/smilies/icon_exclaim.gif" alt=":!:" title="Exclamation" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':?:', true); return false;"><img src="/images/smilies/icon_question.gif" alt=":?:" title="Question" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':idea:', true); return false;"><img src="/images/smilies/icon_idea.gif" alt=":idea:" title="Idea" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':arrow:', true); return false;"><img src="/images/smilies/icon_arrow.gif" alt=":arrow:" title="Arrow" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':|', true); return false;"><img src="/images/smilies/icon_neutral.gif" alt=":|" title="Neutral" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':mrgreen:', true); return false;"><img src="/images/smilies/icon_mrgreen.gif" alt=":mrgreen:" title="Mr. Green" width="15" height="17"></a>
                                        <a href="#" onclick="insert_text(':geek:', true); return false;"><img src="/images/smilies/icon_e_geek.gif" alt=":geek:" title="Geek" width="17" height="17"></a>
                                        <a href="#" onclick="insert_text(':ugeek:', true); return false;"><img src="/images/smilies/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" width="17" height="18"></a>
                                </div>
